<div class="toolbar">
  <i class="fa fa-square-o fa-lg tool-btn btn-toggle" data-toggle="tooltip" title="focus on"></i>
  <i class="feature-name">Show/Hide Control</i>
  <i class="fa fa-star-half-o fa-lg" data-toggle="tooltip" title="difficulty coefficient"></i>
</div>
<p class="bg-success code-heading">javascript source code</p>
<pre>
  <code class="javascript">
$('#target').show();

$('#target').hide();

$('#target').toggle();

$('#target').addClass('show');

$('#target').removeClass('hidden');

$('#target').addClass('hidden');

$('#target').removeClass('show');

$('#target').css('display','block');

$('#target').css('display','none');

$('#target').attr('style','display:block');

$('#target').attr('style','display:none');
  </code>
</pre>